摘要

• 這篇文章的目的是 ?
• 個人推薦、相關套件與設定分享
• 連結

這篇文章的目的是 ?

在即將踏入或正在轉職的您，選擇一個自己喜歡且上手的程式編輯器，是件超級重要的事，因為這會是您日常工作或練習的工具，好的程式編輯器可以提高效率，讓您的程式碼編寫更輕鬆。例如，Visual Studio Code (簡稱為 VS Code) 和 Sublime Text (簡稱為 Sublime) 都有友善的介面，方便快速編輯程式碼，並提供自動完成和錯誤檢查等功能，幫助避免錯誤。對於不同的語言和專案，選擇適合的編輯器有助於減少不必要的麻煩。總之，選擇適合的程式編輯器能夠節省時間和提高生產力，這是非常重要的。

目前程式編輯器大概分成以下幾個：

1. Visual Studio Code (VS Code)：
   • 特點：免費、開源、輕量級、高度可擴展、社群支持
   • 適用於：幾乎所有程式語言和技術堆棧
2. Sublime Text (Sublime)：
   • 特點：快速、輕量級、高度可自定義
   • 適用於：幾乎所有程式語言
3. Atom：
   • 特點：開源、高度可自定義、社群支持
   • 適用於：前端開發、Web開發
4. PyCharm：
   • 特點：針對Python開發的專業集成開發環境（IDE）
   • 適用於：Python開發
5. IntelliJ IDEA：
   • 特點：針對Java開發的專業IDE，也支援其他語言
   • 適用於：Java和相關技術的開發
6. Eclipse：
   • 特點：免費、開源、專為Java開發而設計，也支援其他語言
   • 適用於：Java和其他語言的開發
7. Xcode：
   • 特點：針對iOS和macOS開發的官方IDE
   • 適用於：iOS和macOS應用程式開發
8. Vim 或 Emacs：
   • 特點：強大的純文本編輯器，擁有大量插件和自定義選項
   • 適用於：對鍵盤快捷鍵和自定義配置有高要求的用戶

這些編輯器都有其優勢，您可以根據自己的需求選擇最合適的。最好的方法是試用一些不同的編輯器，看哪個對您最適合。無論您選擇哪個編輯器，都要確保您能夠充分利用其功能，以提高您的開發效率。

個人推薦、相關套件與設定分享

以目前任職的公司為例，由於後端是使用 Pyton 故這些同事都是使用 PyCharm，反之其餘的同事包含我都是使用 VS Code，哪這裡要特別說明的是，如果今天是臨時開個程式碼檔案來看沒有其他需求的話，哪使用 Sublime 是個很合適的選擇，反之是要正常開發的話，不管任何語言，還是會推薦目前社群龐大且又是免費開源的 VS Code 為首選。

Auto Close Tag：自動添加閉標籤。

Auto Add Brackets in String Interpolation：在使用字串模板時，自動添加括號。

Auto Rename Tag：再改 HTML 的標籤時，會自動修正成對 HTML 標籤。

Code Spell Checker：程式碼的拼寫檢查。

Color Highlight：這個套件可以把 CSS 的顏色，特別註記起來。

CSS Peek：可以透過自定義的 Html class，快速找到自定義的 CSS。

Dark Lavender：這是一個由業界知名的 T7 大神開發的，是基於 Material 開發的深色主題，透過顏色及字體的粗細，來辨別其功能，對於開發人員，尤其是初階工程師非常有幫助。

Error Lens：改善錯誤、警告和其他程式語言診斷的顯示。

ESLint：JavaScript 程式碼檢查。

Git Graph：可查看 Repository 的 Git 圖表，並從圖表中執行 Git 的操作。

GitLens — Git supercharged：可透過 VS Code，查看是哪位 User 提交紀錄及追蹤。

Highlight Matching Tag：加強顯示所點選的結束標籤和開始標籤。

Hyper JavaScript Snippets：適用於 VS Code 的 JavaScript、TypeScript 和 NodeJS 的片段集合。

indent-rainbow：這可以是縮排更易於閱讀。

Live Server：可以實時顯示頁面的修正結果。

Live Share：透過這工具可以多人協作。

連結

• VS Code：https://code.visualstudio.com/